<!DOCtype>
<html>
<head>
<title>闲人聚会-行走在时光中的闲人，想找个聚集地</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="php，技术博客，生活博客">
<meta name="robots" content="index">
<meta name="author" content="464171544@qq.com">
<meta name="keywords" content="php博客，new一个对象，博客，php，闲人聚会，技术博客">
<link rel="stylesheet" href="/static/css/music.css">
<link rel="stylesheet" href="https://at.alicdn.com/t/font_1027443_mi25lytg3h.css">
<link rel="stylesheet" href="/static/element/index.css">
<script src="/static/js/vue.js"></script>
<script src="/static/js/jquery.js"></script>
<script src="/static/element/index.js"></script>
<script src="/static/js/common.js"></script>
<script>
</script>
<style>
</style>
</head>
<body>
<div id = "box">
	<div :class="bar_show ? 'left-content left-content-show' : 'left-content left-content-hide'"></div>
	<div :class="bar_show ? 'right-content right-content-small' : 'right-content right-content-big'">
		<!--menu按钮  -->
		<el-button :class="bar_show ? 'menu-bar menu-bar-show' : 'menu-bar menu-bar-hide'" size="mini" :icon="bar_show ? 'iconfont icon-guanbi' : 'iconfont icon-bars'" @click="setLeftBar()"></el-button>
		<!--头部首页  -->
		<div class="user-header">
			
		</div>
		<div class="user-header" style="background:#fff;">
			1
		</div>
	</div>
</div>
<script>
new Vue({
	el : '#box',
	data:{
		bar_show : false,
	},
	mounted:function(){},
	methods:{
		setLeftBar:function(){
			this.bar_show = this.bar_show ? false : true;
		}
	}
});
</script>
</body>
</html>